import React from 'react';
import PropTypes from 'prop-types';
import {Card, Transfer} from 'antd';

const Role = (role) => {

  const mockData = [
    {
      key: 1,
      title: '投票发布者',
      description: '投票发布者',
    },
    {
      key: 2,
      title: '投票发布者1',
      description: '投票发布者1',
    },
    {
      key: 3,
      title: '游客',
      description: '游客',
    },
    {
      key: 4,
      title: '普通用户',
      description: '普通用户',
    },
  ];

  return (
    <Card title="角色修改" extra={<a href="">新增角色</a>}>
      <Transfer
        dataSource={mockData}
        titles={['角色池', 'TA的角色']}
        render={item => item.title}
        targetKeys={[2]}
      />
    </Card>
  );

};

Role.prototype = {
  role: PropTypes.object.isRequired
};

export default Role;
